<template>
    <div class="footer">
        <div class="footer_cont">
            <img class="footerlogo" src="@/assets/img/footerlogo.png"/>
            <div class="footer_desc help">
                <div class="footer_title">使用帮助</div>
                <div class="footer_list">
                    <p class="footer_p">网站地图</p>
                    <p class="footer_p">网上投稿</p>
                    <p class="footer_p">招聘信息</p>
                </div>
            </div>
            <div class="footer_desc contact">
                <div class="footer_title">联系我们</div>
                <div class="footer_list">
                    <p class="footer_p">技术支持：(010)63413753</p>
                    <p class="footer_p">网站邮箱：cxj@cec.org.cn</p>
                    <p class="footer_p_img">
                        <img src="@/assets/img/weibo_concat.png"/>
                        <img src="@/assets/img/weixin_concat.png"/>
                    </p>
                </div>
            </div>
            <div class="footer_desc address">
                <div class="footer_title">中国电力企业联合会</div>
                <div class="footer_list">
                    <p class="footer_p">地址：北京市西城区白广路二条一号</p>
                    <p class="footer_p">邮编：100761</p>
                    <p class="footer_p">©中国电力企业联合会 版权所有</p>
                    <p class="footer_p">
                        <img src="@/assets/img/gongan.png"/>
                        <span>京公网安备11010202007306号 京ICP备17005395号</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
.footer {
	width: 100%;
	height: 250px;
	margin-top: 20px;
	background: url('../../../assets/img/footer.png') center center no-repeat;
  background-size: 100% 100%;
}
.footer_cont {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 43px;
	box-sizing: border-box;
	.footerlogo {
		width: 295px;
		height: 164px;
	}
	.footer_title {
		font-size: 30px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		color: #111111;
		line-height: 33px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
	}
	.footer_list {
		.footer_p {
			height: 20px;
			font-size: 14px;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			color: #78818a;
			line-height: 20px;
			margin-bottom: 10px;
      span {
        font-size: 14px;
      }
		}
    .footer_p1 {
      height: 20px;
      font-size: 20px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      font-weight: 500;
      color: #0a84ff;
      line-height: 30px;
      margin-bottom: 10px;
    }
    .footer_p a {
      height: 20px;
      font-size: 14px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      color: #666666;
      line-height: 20px;
      margin-bottom: 10px;
    }
        .footer_p_img {
            img {
                margin-right: 7px;
                display: inline-block;
            }
        }
	}

}
</style>